Was bedeutet nun das im CSS-Code?

Ich wollte das Suchfeld etwas anpassen und habe folgenden Code im Template.css gefunden:

input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

Gemäss Firebug erreiche ich mit Aendern von padding-right auf 65 px und padding-left auf 10 px das was ich will: nämlich, dass da ganze etwas breiter wird.

Wenn ich es dann aber in der custom.less abändere kriege ich zwar ein breiteres Suchfeld, nur werden die Rundungen auch gleich noch angepasst. Und zwar von halb-rund auf ganz rund. Aber ich ändere ja nichts beim Radius!

Was bedeutet dieses zusätzlich padding-right, bzw. left 4px \9????

Das ist Code spezifisch für Internet Explorer 8 und niedriger. Könnte man auch weglassen

Der unterschiedliche Radius könnte dran liegen dass es jetzt mehr Platz gibt für den Radius. Müsste ich aber mal gucken.

Thomas, hier siehst du es:

www.schulewaldegg.ch/cms/

Der Radius ist jeweils einmal oben und einmal unten. Darf man gerne so lassen.

Sobald ich was ändere, ist das Feld an den Enden jeweils halbrund.

Versuchs doch einfach mit

Danke dir. Werde wohl aber sowieso alles ganz neu machen müssen.

Wollte vom alten Allrounder auf den neuen Less updaten! Grauenhaftes unterfangen! Da fang ich lieber dann wieder von neuem an und schon frisch installiert

Das mit dem width werde ich mir merken.